.have-order{
	padding: 20rpx;
	padding-bottom: 0;
    .order-item{
		background-color: $fc;
		padding: 15rpx;
		border-radius: 5px;
		margin-bottom: 15rpx;
		.title{
			display:flex;
			justify-content: space-between;
			padding-left: 20rpx;
			align-items: center;
			.num{
				color: #101010;
				font-size: 25rpx;
			}
		}
		.order-detail{
			display: flex;
			.img-box{
				width: 30%;
				text-align: center;
				padding: 20rpx 0;
			}
			.img{
				width: 150rpx;
				height: 150rpx;
				vertical-align: middle;
			}
			.text-detail{
				width: 70%;
				padding-top: 20rpx;
				.top-text{
					display: flex;
					justify-content: space-between;
					align-items: center;
					.name{
						font-size: 30rpx;
						width: 300rpx;
						height: 40rpx;
						overflow: hidden;
					}
					.status{
						font-size: 25rpx;
						color: $fontgray;
					}
					.status.red{
						color: $redcolor;
					}
				}
				.center-text{
					display: flex;
					justify-content: space-between;
					margin-top: 20rpx;
					font-size: 25rpx;
					color: $fontgray;
				}
			}
		}
		.bottom-text{
			display: flex;
			flex-direction: row-reverse;
			text{
				font-size: 25rpx;
				padding: 3px 8px;
				border-radius: 10px;
				margin: 0 15rpx;
			}
			.red{
				background-color: $redcolor;
				color: $fc;
			}
			.grey{
				color: $redcolor;
                border: 1px solid $redcolor;
			}
		}
	}
}